// 普通混合（无参的）
.aaa{
    font-size: 20px;
    font-weight: bold;
}

#bbb{
    text-indent: 20px;
    overflow: hidden;
}

// 带参数的混合
.ccc(@color){ // @color只是形式上的参数
    color: @color;
    background: @color;
}
.ddd(@justify,@align,@direction:row){ // 为参数指定默认值
    display: flex;
    justify-content: @justify;
    align-items: @align;
    flex-direction: @direction;
}

// 导引混合
.eee(@font-size) when(@font-size<=30){
    font-size: @font-size;
    color: red;
}
.eee(@font-size) when(@font-size>30){
    font-size: 30px;
    color: green;
}
.eee(@font-size){
    text-overflow: ellipsis;
}

.xxx{
    text-decoration: underline;

    /* 混合（混入） */
    // .aaa; // 不推荐
    .aaa(); // 推荐
    #bbb();

    // 调用带参的混合
    .ccc(#00f); // #00f是实参

    .ddd(space-between,center,column);

    .eee(40px)
}